@charset "utf-8";
html,body{
	height: 100%;
	
}
#app{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.nav{
	position: fixed;
	height: 44px;
	width: 100%;
	bottom: 0;
	background-color: white;
	border-top: 1px solid #ccc;
	z-index: 1000;
}
.nav a{
	display: block;
	float: left;
	width: 25%;
	height: 44px;
	text-align: center;
	box-sizing: border-box;
}
.nav a:first-child{
	border-left: none;
}
.nav .router-link-active{
	background-color: #f0f0f0;
	color: red
}


/* 组件过渡效果 */
.slide-enter-active{
	transition: all 0.5s linear;
	transform: translateX(0)
}
.slide-enter{
	transform: translateX(100%)
}
.slide-leave-active{
	transition: all 0.5s linear;
	transform: translateX(-100%)
}
.slide-leave{	
	transform: translateX(0)
}